<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="header(title,keywords,desc)">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="theme-color" content="#f9f9f9">

    <title th:text="${title}">凝夜紫导航</title>
    <meta name="keywords" th:content="${keywords}"/>
    <meta name="description" th:content="${desc}"/>

    <meta name="baidu-site-verification" content="code-ERzo5lqNbW"/>
    <meta name="sogou_site_verification" content="c5kms0qkyL"/>
    <meta name="360-site-verification" content="fcc13eac55051e381be8a06453359bc1"/>
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.wjzhang.cn">
    <meta property="og:title" content="凝夜紫导航-有范的导航网站">
    <meta property="og:description" content="凝夜紫导航 - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。">
    <meta property="og:image" content="https://nav.iowen.cn/wp-content/themes/onenav/screenshot.jpg">
    <meta property="og:site_name" content="凝夜紫导航">
    <link rel="shortcut icon" th:href="@{/images/left-menu/logo40.png}"/>
    <link rel="bookmark" th:href="@{/images/left-menu/logo40.png}"/>

    <link rel='stylesheet' id='wp-block-library-css' th:href="@{/css/style.min-5.6.2.css}"
          type='text/css' media='all'>
<!--    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">

    <link rel='stylesheet' id='iconfont-css' th:href='@{/css/iconfont-3.03029.1.css}' type='text/css'
          media='all'>
<!--    <link rel='stylesheet' id='iconfontd-css' th:href='@{/t/font_1620678_7g0p3h6gbl-3.03029..css}' type='text/css'-->
<!--          media='all'>-->
<!--    <link rel='stylesheet' id='bootstrap-css' th:href='@{/css/bootstrap.min-3.03029.1.css}'-->
<!--          type='text/css' media='all'>-->
<!--    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">-->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" rel="stylesheet">

    <link rel='stylesheet' id='lightbox-css' th:href='@{/css/jquery.fancybox.min-3.03029.1.css}'
          type='text/css' media='all'>
    <link rel='stylesheet' id='style-css' th:href='@{/css/style-3.03029.1.css}' type='text/css'
          media='all'>
    <script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>

    <!--    <script type='text/javascript' th:src='@{/js/jquery.min-3.03029.1.js}' id='jquery-js'></script>-->

    <style>
        #footer-tools [data-v-db6ccf64][data-v-41ba7e2c] {
            top: unset !important;
            bottom: 0 !important;
            right: 44px !important
        }

        .io.icon-fw,
        .iconfont.icon-fw {
            width: 1.15em;
        }

        .io.icon-lg,
        .iconfont.icon-lg {
            font-size: 1.5em;
            line-height: .75em;
            vertical-align: -.125em;
        }

        .screenshot-carousel .img_wrapper a {
            display: contents
        }

        .fancybox-slide--iframe .fancybox-content {
            max-width: 1280px;
            margin: 0
        }

        .fancybox-slide--iframe.fancybox-slide {
            padding: 44px 0
        }

        .navbar-nav .menu-item-286 a {
            background: #ff8116;
            border-radius: 50px !important;
            padding: 5px 10px !important;
            margin: 5px 0 !important;
            color: #fff !important;
        }

        .navbar-nav .menu-item-286 a i {
            position: absolute;
            top: 0;
            right: -10px;
            color: #f13522;
        }

        .io-black-mode .navbar-nav .menu-item-286 a {
            background: #ce9412;
        }

        .io-black-mode .navbar-nav .menu-item-286 a i {
            color: #fff;
        }
    </style>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?695b688c8174e73187f37d984c085488";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</head>
</html>
